<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org" />
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<p><img src="saibamais.jpg" width="270" height="50"
alt="Saiba Mais" /></p>

<p><strong>Recomenda&ccedil;&atilde;o 2.16</strong> - Assegurar o
correto posicionamento de todos os controles de formul&aacute;rios
que tenham r&oacute;tulos implicitamente associados, at&eacute; que
os leitores de tela ou navegadores do suportem
associa&ccedil;&otilde;es expl&iacute;citas entre r&oacute;tulos e
controles de formul&aacute;rios.</p>

<p>Associe legendas aos controles dos formul&aacute;rios de forma
que a informa&ccedil;&atilde;o seja clara, a legenda deve estar
est&aacute; imediatamente ao lado do controle e posicionada na
mesma linha.</p>

<p><strong><img src="2.16.jpg"
alt="caixa de verifica&ccedil;&atilde;o" width="260" height="136" /></strong></p>
<p><strong>No c&oacute;digo html:</strong></p>
<div class="dp-highlighter">
  <ol class="dp-j" start="1">
    <li class="alt"><span>&lt;fieldset&gt;</span></li>
    <li class=""><span>&nbsp; &lt;legend
      align=&quot;top&quot;&gt;Op&ccedil;&otilde;es de Turno&lt;/legend&gt;<br />
    </span></li>
    <li class="alt"><span>&nbsp; &lt;input type=&quot;checkbox&quot; name=&quot;opt1&quot;
      id=&quot;opt1&quot; value=&quot;mn&quot;&gt; &lt;label for=&quot;opt1&quot;&gt; Turno da
      Manh&atilde;&lt;/label&gt;&lt;br /&gt;</span></li>
    <li class=""><span>&nbsp; &lt;input type=&quot;checkbox&quot; name=&quot;opt2&quot;
      id=&quot;opt2&quot; value=&quot;td&quot;&gt; &lt;label for=&quot;opt2&quot;&gt;Turno da Tarde
      &lt;/label&gt;&lt;br /&gt;</span></li>
    <li class="alt"><span>&nbsp; &lt;input type=&quot;checkbox&quot; name=&quot;opt3&quot;
      id=&quot;opt3&quot; value=&quot;nt&quot;&gt; &lt;label for=&quot;opt3&quot;&gt; Turno da
      Noite&lt;/label&gt;&lt;br /&gt;</span></li>
    <li class=""><span>&nbsp; &lt;input type=&quot;checkbox&quot; name=&quot;opt4&quot;
      id=&quot;opt4&quot; value=&quot;md&quot;&gt; &lt;label for=&quot;opt4&quot;&gt;Turno da
      Madrugada&lt;/label&gt;&lt;br&gt;</span></li>
    <li class="alt"><span>&lt;/fieldset&gt;</span></li>
  </ol>
</div>
<p>Caso o formul&aacute;rio seja em duas colunas, os r&oacute;tulos
de tamanhos significativamente diferentes devem estar alinhados
&agrave; direita com os campos alinhados &agrave; esquerda, em
todos os formul&aacute;rios do sistema.</p>
</body>
</html>